export default function(props:any){
    const name=props.className;
    let className='w-svg';
    if(name){
        className+=' '+name;
    }
    let fn=props.onClick;
    let fnClick;
    if(fn){
        fnClick=(e:any)=>{
            fn(e);
        };
    }
    return (
        <span onClick={fnClick} className={className} style={{fontSize:props.fontSize,color:props.color}}>
            <svg viewBox="0 0 1024 1024" width="1em" height="1em" fill="currentColor">
                <path d="M505.72 20.7c-270.62 0-490 219.38-490 490s219.38 490 490 490 490-219.38 490-490-219.38-490-490-490z m224.33 234.01a27.804 27.804 0 0 1 21.02 21.02 27.782 27.782 0 0 1-9.99 27.99L427.12 617.64c-9.97 9.48-25.6 9.48-35.57 0v0.04a32.174 32.174 0 0 1 0-35.57l310.52-317.42a27.78 27.78 0 0 1 27.98-9.98z m40.27 423.42c-0.02 53.83-43.67 97.46-97.5 97.46H337.89c-53.83-0.02-97.46-43.67-97.46-97.5V343.2c0-53.83 43.63-97.48 97.46-97.5H526.1c7.13-0.83 14.28 1.41 19.66 6.15a25.315 25.315 0 0 1 8.59 18.73c0.39 7.58-2.28 15-7.42 20.59a28.308 28.308 0 0 1-19.89 9.14H337.92c-23.59 0.25-42.66 19.3-42.93 42.89v336.38c0.27 23.59 19.34 42.65 42.93 42.89h335.39c23.58-0.27 42.63-19.32 42.89-42.89V494.32c-0.12-7.58 2.8-14.89 8.12-20.3 5.32-5.4 12.58-8.45 20.17-8.45v-0.08c14.15 0 24.84 13.2 25.83 30.72v181.92z"></path>
            </svg>
        </span>
    )
}